/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html {
  color: #000;
  background: #FFF;
  /* 解决滚动条 出现 抖动的问题 */
  /* overflow-y: auto;
  overflow-x: hidden; */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ''
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%
}

legend {
  color: #000
}

ol,
ul {
  list-style: none
}

a {
  text-decoration: none;
  color: #000;
}

/* 移动端不书写版心 */
body {
  font-family: Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;
  background-color: #fafafa;
  /* 防止左右晃动 */
  overflow-x: hidden;
}

/* 清除浮动 */
.clearfloat:after {
  content: "";
  display: block;
  clear: both;
}

.clearfloat {
  *zoom: 1;
  /* ie6 -7 清除浮动方式 */
}

html {
  /* 文字属性 ——  设置整个页面 的  根文字大小 */
  font-size: 16px;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}


/* 设置滚动条样式 —— 开始 */
::-webkit-scrollbar {
  /*整体样式*/
  width: 10px;
  height: 4px;
}

::-webkit-scrollbar-track {
  /*轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条小方块*/
  border-radius: 10px;
  background-color: #2e75d3;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
}

/* 滑块颜色 */
/* ::-webkit-scrollbar-button {
  background-color: #f78;
} */
/* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {
  background-color: black;
}

/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
/* 设置滚动条样式 —— 结束 */


/* 重置 .el-submenu__title 和 .el-menu-item  的字体 标准  */
.el-submenu__title,
.el-menu-item,
.el-input,
.el-button,
.el-tag {
  font-size: .875rem !important;
}

/* 面包屑导航 */
.el-breadcrumb {
  margin-bottom: 15px;
  font-size: .75rem;
}

/* 设置卡片区域 阴影效果 */
.el-card {
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2) !important;
}

.el-table {
  font-size: .9rem !important;
  margin-top: 15px;
}

/* 分页  */
.el-pagination {
  margin-top: 15px;
}

.el-pagination .el-select .el-input {
  width: 80px !important;
}

/* 自定义 表格 斑马线 */
.el-table .warning-row {
  background: rgb(235, 205, 250) !important
}

/* 设置子菜单 内边距 */
.el-table__expanded-cell {
  padding: 10px !important;
}

/* dialog 弹框 防止滚动条出现抖动 */
.el-dialog__wrapper {
  padding-left: calc(100vw - 100%);
  text-align: center;
  overflow: hidden !important;
}

/* 级联选择器 */
.el-cascader {
  width: 100%;
}

/* 步骤条 */
.el-steps{
  margin: 15px 0;
}
.el-step__title{
  font-size: .8rem!important;
}

/* 设置商品增加页的 input框 宽度 */
#GoodsAdd_container .el-form-item__content{
  width: 70%!important;
}

/* 文件上传 拖拽框 */
.el-upload-dragger{
  background-color: rgb(240, 234, 172)!important;
}
.el-upload-list--picture{
  width: 90%;
}

/* 富文本编辑器 */
.ql-editor{
  min-height: 280px;
}